import { ProLayoutProps } from '@ant-design/pro-components';

/**
 * @name
 */
const Settings: ProLayoutProps & {
  pwa?: boolean;
  logo?: string;
} = {
  // 设置项目的标题
  title: 'Ant Design Pro项目',
  // 自定义 Logo，可传 URL、React 组件或函数
  logo: 'https://gw.alipayobjects.com/zos/rmsportal/KDpgvguMpGfqaHPjicRK.svg',
  // 主题颜色 light：浅色主题 realDark：真正的深色主题（以前是 dark）
  navTheme: 'light',
  // 用于定制主题颜色，影响菜单、侧边栏高亮、按钮等组件的默认颜色
  colorPrimary: '#1890ff',
  // 布局模式：side 侧边栏、top 顶部导航、mix 混合模式
  layout: 'mix',
  // 内容区域宽度，Fluid（流式）或 Fixed（固定）
  contentWidth: 'Fluid',
  // 是否固定 header 到顶部
  fixedHeader: false,
  // 是否固定侧边栏
  fixSiderbar: true,
  // 是否启用色弱模式
  colorWeak: false,
  // 是否启用渐进式 Web 应用（PWA）
  pwa: true,
  // 用于自定义 IconFont 图标库的 URL。通过这个属性，你可以指定一个自定义的 IconFont 库地址，从而在 ProLayout 中使用你自己上传的图标
  iconfontUrl: '',
  // token 是 Ant Design 5.x 中引入的概念，用于统一管理设计系统中的样式变量（如颜色、间距、字体等）。通过 token 属性，你可以覆盖默认的主题样式，实现更灵活的布局定制
  token: {
    // 参见ts声明，demo 见文档，通过token 修改样式
    //https://procomponents.ant.design/components/layout#%E9%80%9A%E8%BF%87-token-%E4%BF%AE%E6%94%B9%E6%A0%B7%E5%BC%8F
  },
};

export default Settings;
